.contentLayout {
  width: 100vw;
  display: flex;
  flex-direction: column;
  min-height: 720px;
}

.agetntLayout {
  width: 100vw;
  display: flex;
  flex-direction: column;
  min-height: 720px;
}

.session_head {
  margin-left: 10px;
  background-color: #efefef;
}

.agentItem {
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
  align-items: center;

  &:active {
    background-color: #eee;
  }

  .itemContent {
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 10px;


    .content {
      width: 100%;
      margin-bottom: 5px;
      display: flex;
      flex-direction: row;
      align-items: center;

      .name {
        max-width: 150px;
        font-size: 15px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .identityLayout {
        margin-left: 5px;
      }

      .direct {
        flex: 1;
        display: flex;
        font-size: 12px;
        color: #666;
      }

      .indirect {
        flex: 1;
        font-size: 12px;
        color: #666;
      }
    }
  }
}
